<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
</body>
<script>
    // 扩展运算符(...)   常用于展开数组(可遍历结构(伪数组,字符串,Set,Map))和对象

    // 展开对象  =>  将对象展开为用逗号分隔的键值对序列

    // 作用:
    //  将对象中的键值对序列依次放到其他对象中,作为对象的属性  a. 对象浅拷贝  b. 对象和并
    

    var zhang = {name:"张三",age:18,height:"177cm",weight:"60kg"};

    // ...zhang => name:"张三",age:18,height:"177cm",weight:"60kg"
    // console.log(...zhang); // 报错 => 对象不能单独展开


    // 对象浅拷贝
    var obj = {
        // ...zhang, //  name:"张三",age:18,height:"177cm",weight:"60kg"
        age:20,
    }
    console.log(obj);


    // 对象合并
    var obj1= {a:1,b:2};
    var obj2= {c:3,d:4,a:10};

    var obj = {...obj1,...obj2}
    console.log(obj);

   






</script>

</html>